
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    .a{
        height: 50px;
       /* background: antiquewhite;*/
    }
    .a li{
        float: right;
        overflow: hidden;
    }
    .a p{
      margin-right:20px;
      color: black;
    }
.a .p1{
    margin-right:100px;
    float: right;
    overflow: hidden;
    background: #0078d7;
    color: aliceblue;
}
.b{
    width: 800px;
    height: 300px;
    /*background: aquamarine;*/
    margin-left:auto;
    margin-right:auto;  
}
.b .b1{
    width: 394px;
    height: 133px;
   /* background: black;*/
    margin-left:auto;
    margin-right:auto;  
}
.b1 img{
    width: 394px;
    height: 133px;
}
.b2{
    height:100px;
    width: 800px;
    /*background: #0078d7;*/
    margin-top:20px; 
    position: relative;
}
.b2 input{
    height:50px;
    width: 710px;
    border:blue;
    /*border-radius: 20px;*/
    border: 1px solid black;
}
.b2 a{
    position: absolute;
    margin-top:10px;
    margin-left:-133px;  
}
.b2 .a2{
    position: absolute;
    margin-top:-1px;
    font-size:19px;
    background: #0078d7; 
    border:solid #0078d7 15px;
    margin-left:-101px; 
    text-decoration:none;
    color: aliceblue;
}
.c{
    width: 800px;
    height: 400px;
 /*   background: #0078d7;*/
    margin-left:auto;
    margin-right:auto; 
}
.c1{
    width: 100px;
    height: 130px;
   /* background: aquamarine;*/
    margin-left:344px ;
    position: relative;
}
.c1 img{
   /* position: absolute;*/
    width: 100px;
    height: 100px;
}
.c1 p{
    position: absolute;
    margin-top:0px ;
    margin-left:17px ;
}
.c2{
    width: 800px;
    height: 400px;
   /* background: antiquewhite;*/
    margin-left:auto;
    margin-right:auto; 
}
.c2 a{
    float: left;
    margin-right:30px ;
    color: black;

}
.c2 .a1{
    margin-left:170px; 
    color: black;
}
.c2 .a2{
    margin-right:170px ;
    color: black;
}
.c3 a{
    margin-left:60px ;
    margin-top:-28px ;
    text-decoration:none;
    color: black;
}
i{
    display: inline-block;
    background: url('icons_5859e57.png')
}
.jlt{
    width: 14px;
    height: 14px;
    background-position: -625px -96px;
    position: relative;
    top: -36px;
    margin-left: 655px;
}
    </style>
</head>
<body>
    <div class="a"><ul><li><a href=""><p class="p1">更多产品</p></a></li>
        <li><a href=""><p >设置</p></a></li>
        <li><a href=""><p>贴吧</p></a></li>
        <li><a href=""><p>地图</p></a></li>
        <li><a href=""><p>视频</p></a></li>
        <li><a href=""><p>hao123</p></a></li>
        <li><a href=""><p>登录</p></a></li>
        <li><a href=""><p>新闻</p></a></li>
        <li><a href=""><p>糯米</p></a></li></ul></div>
        <div class="b"><div class="b1"><img src="bd_logo1.png" alt=""></div>
        <div class="b2"><input type="text"><a href=""><img src="camera_new_5606e8f.png" alt=""></a><a class="a2" href=""><span>百度一下</span></a></div>
    </div>
    <div class="c">
        <div class="c1"><img src="zbios_efde696.png" alt=""><p>手机百度</p></div>
        <div class="c2"><a class="a1" href=""><p>把百度设为主页</p></a><a href=""><p>关于百度</p></a><a href=""><p>About Baidu</p></a><a href=""><p class="a2">百度推广</p></a>
        <div class="c3"><a href=""><p>?2016 Baidu 使用百度前必读 意见反馈 京ICP证030173号  京公网安备11000002000001号 </p><i class="jlt"></i></a></div>
        </div>
    </div>
</body>
</html>